.message-container {
  display: flex;
  flex-direction: column;
}

.chat-indv {
  padding: 0.5rem 0.7rem;
  gap: 0.5rem;
}

.chat-box {
  display: flex;
  gap: 0.5rem;
}

.my-chat-box {
  flex-direction: row-reverse;
}

.target-chat-box {
  flex-direction: row;
}

.chat-box-left {
  width: 10vw;
  height: 10vw;
}


.chat-box-right {
  display: flex;
  flex-direction: column;
  justify-content: center;
}


.chat-sender-my {
  font-size: 1.2rem;
  text-align: right;
  /* 将文本对齐到右边 */
  align-self: flex-end;
  /* 将元素自身对齐到容器的右边 */
}

.chat-sender-target {
  font-size: 1.2rem;
  text-align: left;
  align-self: flex-start;
}


.chat-content {
  padding: 0.5rem 0.5rem;
  border: 1px solid rgb(212, 212, 212); //设置边框
  border-radius: 5px;
  background-color: #f1f5f9;
}

.chat-send-box {
  display: flex;
  flex-direction: row;
  align-items: center;
  position: fixed;
  position: sticky;
  bottom: 0;
}

.send-box-left {
  width: 85vw;
  border: solid 1px #7b94ac;
  border-radius: 2rem;
  height: 5.5vh;
  padding: 0 2vw;
  display: flex;
  align-items: center;
  background-color: #fff;
}

.comment-button {
  width: 15vw;
  height: 5.5vh;
  border-radius: 2rem;
  margin: 0;
  padding: 0;
}